<template>
  <div class="food-detail-container">
      <div class="food-detail-layout food-item">
        <div class="icon-close"></div>
        <div class="food-detail-content">
        <img class="food-image_popup" src="https://antfresh-dev.oss-cn-hangzhou.aliyuncs.com/backend/2017/10/14/59e184e699878.png?x-oss-process=image/resize,m_fill,w_650,h_650,limit_0" alt="">
        <div class="name">红烧鸡腿饭</div>
        <div class="tag-list">
          <span class="tag-item"></span>
        </div>
        <div class="food-desc-box">
          <h4>商品详情描述</h4>
          <div class="food-desc"></div>
        </div>
        <div class="buy-info">
          <section class="food-price">
            <div class="sales-price">
              <span class="small">¥</span><span id="sales-price">12</span>
            </div>
            <div class="original-price">
              <span class="small">¥</span><span id="original-price">15</span>
            </div>
          </section>
          <section class="cart_module">
            <section class="cart_one" onclick="">
              <div>加入购物车</div>
            </section>
            <cartcontrols class="cartcontrol"></cartcontrols>
          </section>
        </div>
        </div>
      </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import cartcontrols from '../../cartcontrol/cartcontrol.vue'
    export default{
        data () {
            return {}
        },
      components: {
        cartcontrols
      }
    }
</script>

<style scoped>
  @import "detail.css";
</style>
